<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户管理</title>

</head>
<style>
    tbody .layui-table-cell {
        height: 50px!important;
        line-height: 50px!important;
    }
    #jzjzImg {
        width: 100px;
        min-height: 100px;
        border: 1px solid #a0d8c5;
        overflow: hidden;
    }
    #jzjzImg:hover,#selectPass:hover{
        cursor: pointer;
    }
</style>
<body>
    <div th:include="load"></div>
    <div class="layui-row layui-col-space15 layui-anim layui-anim-upbit">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">
                    <span class="layui-breadcrumb">
                        <a href="javascript:void(0)">系统管理</a>
                        <a><cite>用户管理</cite></a>
                    </span>
                </div>
                <div class="layui-card-body">
                    <div class="lay-left-box">
                        <div id="leftTree" class="lay-left-tree"></div>
                    </div>
                    <div class="lay-left-bg"></div>
                    <div class="lay-left-hiden" lay-id="0">
                        <i class="layui-icon">&#xe603;</i>
                    </div>
                    <div class="lay-right-box">
                        <table id="data_table" class="layui-hide" lay-filter="data_table"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 查询 -->
    <form class="layui-form" action="" id="search_form" lay-filter="search_form"  style="padding: 20px 10px 10px 10px;display: none">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">姓名</label>
                <div class="layui-input-inline">
                    <input type="text" name="name"  placeholder="请输入关键字"  autocomplete="off"  class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">身份证</label>
                <div class="layui-input-inline">
                    <input type="text" name="idcard"  placeholder="请输入关键字"  autocomplete="off"  class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">性别</label>
                <div class="layui-input-inline" id="search_sex"></div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">角色</label>
                <div class="layui-input-inline">
                    <select name="rid" id="rid_search"></select>
                </div>
            </div>
            <div class="layui-inline" style="text-align: center;">
                <a lay-submit  class="layui-btn lay-close-btn"  lay-filter="submitSearch">查询</a>
                <a class="layui-btn layui-btn-primary lay-reset-btn">重置</a>
            </div>
        </div>
    </form>
    <!-- 新增编辑表单 -->
    <form class="layui-form" id="data_form"  action="" lay-filter="data_form" style="padding:10px;display: none;">
        <fieldset class="layui-elem-field layui-field-title" style="color:#89b586;">
            <legend>基本信息</legend>
        </fieldset>
        <input type="text" name="id" class="layui-input" style="display: none">
        <div class="layui-form-item">
            <label class="layui-form-label req">所属机构</label>
            <div class="layui-input-block">
                <input type="text" name="oid" id="parentTree" lay-filter="parentTree" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label req">姓名</label>
                <div class="layui-input-inline">
                    <input type="text" name="name" class="layui-input" lay-verify="required" autocomplete="off"  placeholder="请输入姓名"  lay-reqtext="名称为必填项">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label req">性别</label>
                <div class="layui-input-inline" id="sex"></div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label req">登录账户</label>
                <div class="layui-input-inline">
                    <input type="text" name="userName" class="layui-input" lay-verify="required"
                           autocomplete="off" placeholder="请输入登录账户"  lay-reqtext="请输入登录账户">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">身份证号码</label>
                <div class="layui-input-inline">
                    <input type="text" name="idcard" class="layui-input" autocomplete="off" placeholder="请输入身份证号码">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">出生日期</label>
                <div class="layui-input-inline">
                    <input type="text" name="birthday" id="birthday" autocomplete="off"
                           placeholder="请选择日期" class="layui-input" readonly="readonly">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">手机号码</label>
                <div class="layui-input-inline">
                    <input type="text" name="phone" placeholder="请输入手机号码" autocomplete="off" class="layui-input" >
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label req">角色类型</label>
                <div class="layui-input-inline">
                    <select name="rid" id="rid" lay-verify="required"></select>
                    <input name="oname" id="oname" type="hidden">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label req">使用期限</label>
                <div class="layui-input-inline">
                    <input type="text" name="useDate" id="useDate" placeholder="请选择日期" autocomplete="off"
                           class="layui-input" lay-verify="required" readonly="readonly">
                </div>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">备注</label>
            <div class="layui-input-block">
                <textarea placeholder="请输入内容" class="layui-textarea" name="remarks"></textarea>
            </div>
        </div>
        <fieldset class="layui-elem-field layui-field-title" style="color:#89b586;">
            <legend>人员近照</legend>
        </fieldset>
        <div class="layui-form-item">
            <div style="text-align: left;">
                <img th:src="@{/images/head.png}" id="jzjzImg" title="人脸照片" onerror="errorImg(this)">
                <input type="text" name="img" id="img"  class="layui-input" style="display: none">
            </div>
        </div>
        <div class="layui-form-item" style="text-align: center;margin-top: 30px;">
            <a class="layui-btn lay-submit-btn" lay-submit="" lay-filter="submitForm">立即提交</a>
            <a class="layui-btn layui-btn-primary lay-close-btn">关闭</a>
        </div>
    </form>
</body>
<script type="text/html" id="toolberLeft">
    <div class="layui-form">
        <a th:if="${btn_add}" class="layui-btn layui-btn-sm layui-btn-primary" lay-event="add" style="margin-left: 5px;"><i class="layui-icon">&#xe654;</i>新增</a>
        <a th:if="${btn_delete}" class="layui-btn layui-btn-sm layui-btn-danger" lay-event="delete" style="margin-left: 5px;"><i class="layui-icon">&#xe640;</i>删除</a>
        <a class="layui-btn layui-btn-sm" lay-event="search" style="margin-left: 5px;"><i class="layui-icon">&#xe615;</i>搜索</a>
    </div>
</script>
<script type="text/html" id="toolRow">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
    <a th:if="${btn_edit}" class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    {{#  if(d.id == 1){ }}
        <a th:if="${btn_delete}" class="layui-btn layui-btn-disabled layui-btn-xs">删除</a>
    {{#  } else { }}
        <a th:if="${btn_delete}" class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    {{#  } }}

</script>

<script type="text/javascript" th:src="@{/js/sys/user.js}"></script>

</html>